<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/resset.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/section.css">
    <link rel="stylesheet" href="./css/detail.css">
    <link rel="stylesheet" href="./css/cart.css">
    <link rel="stylesheet" href="./images/font_2929536_dtp7au3p9ej/iconfont.css">
    <link rel="shortcut icon" href="favicon.ico" type="https://www.realme.com/favicon.ico">
</head>

<body>
    <header>
        <div class="wrapper">
            <a href="index.html">
                <span class="logo"></span>
            </a>
            <nav class="nav">
                <ul>
                    <li><a href="javascript:;">真我GT Neo2T</a>

                    </li>
                    <li><a href="javascript:;">真奇喵</a></li>
                    <li>
                        <a href="javascript:;">手机</a>
                        <div class="nav-submenu">
                            <div class="nav-submenu-wrapper">
                                <div class="submenu-tabs">
                                    <div class="secondary-menu hover">
                                        <p>GT系列</p>
                                        <i class="visible"></i>
                                    </div>
                                    <div class="secondary-menu">
                                        <p>Q系列</p>
                                        <i></i>
                                    </div>
                                    <div class="secondary-menu">
                                        <p>V系列</p>
                                        <i></i>
                                    </div>
                                    <div class="secondary-menu">
                                        <p>X系列</p>
                                        <i></i>
                                    </div>
                                </div>
                                <div class="submenu-container visible">
                                    <ul>
                                        <li>
                                            <a href="javascript:;">
                                                <div class="nav-submenu-img">
                                                    <img src="./images/nav-GT1.png" alt="">
                                                </div>
                                                <div class="nav-submenu-info">
                                                    <p style="color: #2eb4cb;">新品</p>
                                                    <p>真我GT Neo2T</p>
                                                    <p class="nav-submenu-price">￥ 1,899</p>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <div class="nav-submenu-img">
                                                    <img src="./images/nav-GT2.png" alt="">
                                                </div>
                                                <div class="nav-submenu-info">
                                                    <p>真我GT Neo2</p>
                                                    <p class="nav-submenu-price">￥ 2,299</p>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <div class="nav-submenu-img">
                                                    <img src="./images/nav-GT3.png" alt="">
                                                </div>
                                                <div class="nav-submenu-info">
                                                    <p>真我GT 大师探索版</p>
                                                    <p class="nav-submenu-price">￥ 2,699</p>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <div class="nav-submenu-img">
                                                    <img src="./images/nav-GT4.png" alt="">
                                                </div>
                                                <div class="nav-submenu-info">
                                                    <p>真我GT 大师版</p>
                                                    <p class="nav-submenu-price">￥ 2,299</p>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <div class="nav-submenu-img">
                                                    <img src="./images/nav-GT5.png" alt="">
                                                </div>
                                                <div class="nav-submenu-info">
                                                    <p>真我GT Neo 闪速版</p>
                                                    <p class="nav-submenu-price">￥ 1,899</p>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <div class="nav-submenu-img">
                                                    <img src="./images/nav-GT6.png" alt="">
                                                </div>
                                                <div class="nav-submenu-info">
                                                    <p>真我GT Neo 5G</p>
                                                    <p class="nav-submenu-price">￥ 1,799</p>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <div class="nav-submenu-img">
                                                    <img src="./images/nav-GT7.png" alt="">
                                                </div>
                                                <div class="nav-submenu-info">
                                                    <p>真我GT 5G</p>
                                                    <p class="nav-submenu-price">￥ 2,499</p>
                                                </div>
                                            </a>
                                        </li>


                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <a href="javascript:;">AloT</a>
                        <div class="nav-submenu">
                            <div class="nav-submenu-wrapper">
                                <div class="submenu-tabs">
                                    <div class="secondary-menu hover">
                                        <p>手表</p>
                                        <i class="visible"></i>
                                    </div>
                                    <div class="secondary-menu">
                                        <p>游戏配件</p>
                                        <i></i>
                                    </div>
                                    <div class="secondary-menu">
                                        <p>笔记本电脑</p>
                                        <i></i>
                                    </div>
                                    <div class="secondary-menu">
                                        <p>耳机</p>
                                        <i></i>
                                    </div>
                                    <div class="secondary-menu">
                                        <p>充电</p>
                                        <i></i>
                                    </div>
                                    <div class="secondary-menu">
                                        <p>服饰箱包</p>
                                        <i></i>
                                    </div>
                                    <div class="secondary-menu">
                                        <p>家具个护</p>
                                        <i></i>
                                    </div>
                                </div>
                                <div class="submenu-container visible">
                                    <ul>
                                        <li>
                                            <a href="javascript:;">
                                                <div class="nav-submenu-img">
                                                    <img src="./images/nav-GT1.png" alt="">
                                                </div>
                                                <div class="nav-submenu-info">
                                                    <p style="color: #2eb4cb;">新品</p>
                                                    <p>真我GT Neo2T</p>
                                                    <p class="nav-submenu-price">￥ 1,899</p>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <div class="nav-submenu-img">
                                                    <img src="./images/nav-GT2.png" alt="">
                                                </div>
                                                <div class="nav-submenu-info">
                                                    <p>真我GT Neo2</p>
                                                    <p class="nav-submenu-price">￥ 2,299</p>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <div class="nav-submenu-img">
                                                    <img src="./images/nav-GT3.png" alt="">
                                                </div>
                                                <div class="nav-submenu-info">
                                                    <p>真我GT 大师探索版</p>
                                                    <p class="nav-submenu-price">￥ 2,699</p>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <div class="nav-submenu-img">
                                                    <img src="./images/nav-GT4.png" alt="">
                                                </div>
                                                <div class="nav-submenu-info">
                                                    <p>真我GT 大师版</p>
                                                    <p class="nav-submenu-price">￥ 2,299</p>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <div class="nav-submenu-img">
                                                    <img src="./images/nav-GT5.png" alt="">
                                                </div>
                                                <div class="nav-submenu-info">
                                                    <p>真我GT Neo 闪速版</p>
                                                    <p class="nav-submenu-price">￥ 1,899</p>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <div class="nav-submenu-img">
                                                    <img src="./images/nav-GT6.png" alt="">
                                                </div>
                                                <div class="nav-submenu-info">
                                                    <p>真我GT Neo 5G</p>
                                                    <p class="nav-submenu-price">￥ 1,799</p>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <div class="nav-submenu-img">
                                                    <img src="./images/nav-GT7.png" alt="">
                                                </div>
                                                <div class="nav-submenu-info">
                                                    <p>真我GT 5G</p>
                                                    <p class="nav-submenu-price">￥ 2,499</p>
                                                </div>
                                            </a>
                                        </li>


                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li><a href="javascript:;">所有产品</a></li>
                    <li><a href="javascript:;">品牌</a></li>
                    <li><a href="javascript:;">服务</a></li>
                    <li><a href="javascript:;">社区</a></li>
                    <li><a href="javascript:;">APP</a></li>
                </ul>
            </nav>
            <div class="nav-right">
                <a href="javascript:;">
                    <span class="icon-user"></span>
                </a>
                <ul>
                    <li><a href="cart.html">购物车</a></li>
                    <li><a href="javascript:;">我的订单</a></li>
                    <li><a href="javascript:;">优惠券</a></li>
                    <li><a href="javascript:;">R码</a></li>
                    <li><a href="javascript:;">我的评论</a></li>
                    <li><a href="javascript:;">账户信息</a></li>
                    <li><a href="javascript:;">我的地址</a></li>
                    <li></li>
                </ul>
            </div>

        </div>
    </header>
    <section>
        <div class="swiper">
            <div class="screen">
                <ul>
                    <li><img src="./images/banner1.png" alt=""></li>
                    <li><img src="./images/banner2.png" alt=""></li>
                    <li><img src="./images/banner3.png" alt=""></li>
                    <li><img src="./images/banner4.png" alt=""></li>
                    <li><img src="./images/banner5.png" alt=""></li>
                    <li><img src="./images/banner6.png" alt=""></li>
                    <li><img src="./images/banner7.png" alt=""></li>
                    <li><img src="./images/banner8.png" alt=""></li>
                    <li><img src="./images/banner9.png" alt=""></li>
                    <li><img src="./images/banner1.png" alt=""></li>
                </ul>
                <ol>
                    <li class="current"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ol>
            </div>
            <div class="arr">
                <span class="iconfont icon-xiangzuojiantou
                        " id="left"></span>
                <span class="iconfont icon-xiangyoujiantou
                        " id="right"></span>
            </div>
        </div>
        <div class="sec-wrapper">
            <h2 class="sec-title">
                爆款折扣专区
            </h2>
            <div class="sec-container bk">
                <ul>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount1.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span>￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount2.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>深海飞艇 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount3.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>曙光 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount4.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount5.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount6.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount7.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount8.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="slider-arr">
                <span class="iconfont icon-xiangzuojiantou" id="pre1"></span>
                <span class="iconfont icon-xiangyoujiantou" id="next1"></span>
            </div>
        </div>
        <div class="sec-wrapper">
            <h2 class="sec-title">
                明星热销
            </h2>
            <div class="sec-container mx">
                <ul>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount1.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span>￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount2.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>深海飞艇 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount3.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>曙光 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount4.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount5.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount6.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount7.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount8.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="slider-arr">
                <span class="iconfont icon-xiangzuojiantou" id="pre2"></span>
                <span class="iconfont icon-xiangyoujiantou" id="next2"></span>
            </div>
        </div>
        <div class="sec-wrapper">
            <div class="sec-header">
                <div class="sec-headerL">
                    <h2 class="sec-title">
                        手机精选
                    </h2>
                    <ul class="switch1">
                        <li class="active">GT系列</li>
                        <li>Q系列</li>
                        <li>V系列</li>
                        <li>X系列</li>
                    </ul>
                </div>

            </div>


            <div class="sec-container ">
                <ul class="menuslide1 jx">
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount1.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span>￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount2.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>深海飞艇 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount3.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>曙光 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount4.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount5.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount6.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount7.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount8.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="sec-wrapper">
            <div class="sec-header">
                <div class="sec-headerL">
                    <h2 class="sec-title">
                        AIOT与配件
                    </h2>
                    <ul class="switch2">
                        <li class="active">游戏配件&运动手表</li>
                        <li>耳机</li>
                        <li>充电</li>
                        <li>居家个护</li>
                        <li>箱包</li>
                    </ul>

                </div>
                <a href="#">查看更多></a>
            </div>


            <div class="sec-container">
                <ul class="menuslide2">
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount1.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span>￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount2.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>深海飞艇 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount3.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>曙光 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount4.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount5.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount6.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount7.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="plate-hover">
                            <div class="container-image">
                                <img src="./images/discount8.png" alt="">
                            </div>
                            <div class="container-content">
                                <h3>真我GT 5G</h3>
                                <p>银河战舰 12GB+256GB</p>
                            </div>
                            <div class="container-price">
                                <span class="font-bold">￥2699</span>
                                <del>￥3399</del>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="hot">
            <h2>热门活动</h2>
            <div class="hot-content">
                <a href="#" class="plate-hover">
                    <img src="./images/hot1.jpg" alt="">
                    <div class="img-content font-white">
                        <h3>realme 11.11</h3>
                        <p>至高立省600元 限量5折秒杀</p>
                    </div>
                </a>
                <a href="#" class="plate-hover">
                    <img src="./images/hot2.jpg" alt="">
                    <div class="img-content">
                        <h3>真我GT Neo2T 新品首发</h3>
                        <p>后生无畏</p>
                    </div>
                </a>
                <a href="#" class="plate-hover">
                    <img src="./images/hot3.jpg" alt="">
                    <div class="img-content font-white">
                        <h3>真我Q3s 新品首发</h3>
                        <p>144Hz变帧屏 硬核芯生</p>
                    </div>
                </a>
                <a href="#" class="plate-hover">
                    <img src="./images/hot4.jpg" alt="">
                    <div class="img-content">
                        <h3>真我手表T1 新品首发</h3>
                        <p> 运动通话手表 腕上新潮流</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="big-banner">
            <a href="#">
                <img src="./images/1920-28ebebe77b.jpg" alt="">
            </a>
            <div class="big-content">
                <h2>敢越级</h2>
                <div class="content-btn">
                    <a href="#">了解更多</a>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <a href="#">
            <div class="sever-wrapper">
                <div class="footer-sever">
                    <span class="icon icon-7tian"></span>
                    <span>7天无理由退货</span>
                </div>
                <div class="footer-sever">
                    <span class="icon icon-huanhuo"></span>
                    <span>手机30天换货保障</span>
                </div>
                <div class="footer-sever">
                    <span class="icon icon-baoyou"></span>
                    <span>满79包邮</span>
                </div>
                <div class="footer-sever">
                    <span class="icon icon-zhengpin"></span>
                    <span>正品保障</span>
                </div>
            </div>
        </a>
        <div class="footer-center">
            <div class="footer-menus">
                <div class="wrapper">
                    <div class="footer-menu">
                        <div class="footer-title">
                            推荐产品
                        </div>
                        <ul class="footer-list">
                            <li><a href="#">真我GT Neo2T</a></li>
                            <li><a href="#">真我Q3s</a></li>
                            <li><a href="#">真我GT Neo2 5G</a></li>
                            <li><a href="#">真我GT 大师探索版 5G</a></li>
                            <li><a href="#">真我GT Neo 闪速版 5G</a></li>
                            <li><a href="#">真我GT 5G</a></li>
                            <li><a href="#">真我Q3 Pro 5G</a></li>
                        </ul>
                    </div>
                    <div class="footer-menu">
                        <div class="footer-title">
                            服务支持
                        </div>
                        <ul class="footer-list">
                            <li><a href="#">配送方式</a></li>
                            <li><a href="#">服务政策</a></li>
                            <li><a href="#">常见问题</a></li>
                            <li><a href="#">故障排除</a></li>
                            <li><a href="#">预装应用公示</a></li>
                            <li><a href="#">R码通道</a></li>
                        </ul>
                    </div>
                    <div class="footer-menu">
                        <div class="footer-title">
                            关于我们
                        </div>
                        <ul class="footer-list">
                            <li><a href="#">关于realme</a></li>
                            <li><a href="#">ColorOS官网</a></li>
                            <li><a href="#">realme社区</a></li>
                            <li><a href="#">加入我们</a></li>
                        </ul>
                    </div>
                    <div class="footer-menu">
                        <div class="footer-title">
                            联系我们
                        </div>
                        <ul class="footer-list">
                            <li><a href="#">service.cn@realme.com</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="footer-contact">
                <div class="footer-contact-phone">
                    400-628-0066
                </div>
                <div class="footer-contact-time">
                    8:00-20:00，周一至周日
                </div>
                <div class="footer-contact-online">
                    <a href="#">
                        <span class="iconfont icon-kefu"></span>
                        &nbsp;在线客服
                    </a>
                </div>
                <div class="footer-contact-time">
                    9:00-22:00，周一至周日
                </div>
                <div class="footer-contact-socials">
                    <a href="#" class="footer-wechat">
                        <span class="icon icon-wechat"></span>
                        <i></i>
                    </a>
                    <a href="#" class="footer-weibo">
                        <span class="icon icon-weibo"></span>
                    </a>
                </div>
            </div>
        </div>
        <div class="footer-region">
            <a href="#">
                Mainland China ( 简体中文 / CNY )
            </a>
        </div>
        <div class="footer-bottom">
            <div class="wrapper">
                <div class="copyright">
                    © 2019-2021 realme 版权所有. 渝ICP证20200030号
                    <a href="#">渝ICP备19011033号-1</a>
                    <a href="#">
                        <span class=" icon icon-emblem"></span>
                        渝公网安备 50011202501913号
                    </a>
                </div>
                <div class="footer-legal">
                    <a href="#">隐私政策</a>
                    <a href="#">用户协议</a>
                    <a href="#">政务政策</a>
                    <a href="#">侵权投诉指引</a>
                </div>
            </div>
        </div>
    </footer>
</body>

</html>
<script src="./js/jquery-3.6-576b3e833c.0.min.js"></script>
<script src="./js/index-e6ff29f90b.js"></script>
<script src="./js/swiper-21ec72c6e9.js"></script>
<script src="./js/slider-3e33d17a3f.js"></script>
<script src="./js/register-f144387510.js"></script>
<script src="./js/detail-81b8a04a70.js"></script>
<script src="./js/cart-71ceb31b5d.js"></script>